@charset "utf-8";

/* 自定义公共css */

html {
	height: 100vh;
}

body {
	font-family: "微软雅黑";
	color: #333333;
	overflow-x: hidden;
}

a {
	color: #333333;
}

a:hover {
	text-decoration: none;
}


/* 绝对居中 */

.wm-absolute-center {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}


/*文字字号，后缀为多少数字，相对于为多少px*/

.wm-text-12 {
	font-size: 12px;
}

.wm-text-16 {
	font-size: 16px;
}

/* 文字加粗 */
.wm-text-bold {
	font-weight: bold;
}

/*超出一行显示省略号*/

.wm-apostrophe {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/*超出两行显示省略号*/

.wm-two-apostrophe {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


/*白色背景*/

.bgfff,
.form-control[readonly].bgfff {
	background: #ffffff;
}


/*padding*/

.pt5 {
	padding-top: 5px;
}

.pt15 {
	padding-top: 15px;
}

.pt30 {
	padding-top: 30px;
}

.pb5 {
	padding-bottom: 5px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb30 {
	padding-bottom: 30px;
}

.pl5 {
	padding-left: 5px;
}

.pl15 {
	padding-left: 15px;
}

.pl30 {
	padding-left: 30px;
}

.pr5 {
	padding-right: 5px;
}

.pr15 {
	padding-right: 15px;
}

.pr30 {
	padding-right: 30px;
}


/*margin*/

.mt5 {
	margin-top: 5px;
}

.mt15 {
	margin-top: 15px;
}

.mt30 {
	margin-top: 30px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb30 {
	margin-bottom: 30px;
}

.ml5 {
	margin-left: 5px;
}

.ml15 {
	margin-left: 15px;
}

.ml30 {
	margin-left: 30px;
}

.mr5 {
	margin-right: 5px;
}

.mr15 {
	margin-right: 15px;
}

.mr30 {
	margin-right: 30px;
}


/*文字垂直居中*/

.text-middle {
	display: table-cell;
	vertical-align: middle;
	line-height: 1em;
}


/*垂直居中*/

.absolute-middle {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}


/*阴影*/

.has-shadow {
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}


/*透明*/

.opacity-0 {
	opacity: 0;
	filter: alpha(opacity=0);
}


/*定位方式*/

.pos-rel {
	position: relative;
}

.pos-abs {
	position: absolute;
}

.pos-fix {
	position: fixed;
}

.pointer {
	cursor: pointer;
}

.border-title {
	border-bottom: 1px solid #dcdcdc;
}

.border-title h4 {
	display: inline-block;
	padding: 0px 20px;
	border-bottom: 2px solid #0080f6;
	padding-bottom: 10px;
	margin-bottom: -1px;
}


/*loading相关*/

.loading.loading-img {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 100000;
	background: #ffffff;
	opacity: 0.7;
}

.loading.loading-img .loading-gif {
	width: 100%;
	height: 100%;
	background: url(../img/loading3.gif) 50% 50% no-repeat;
}

.loader {
	top: 50%;
	left: 50%;
	margin-left: -5em;
	margin-top: -5em;
	width: 10em;
	height: 10em;
	font-size: 10px;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center
}

.loader .face {
	position: absolute;
	border-radius: 50%;
	border-style: solid;
	animation: animate 3s linear infinite
}

.loader .face:nth-child(1) {
	width: 100%;
	height: 100%;
	color: gold;
	border-color: currentColor transparent transparent currentColor;
	border-width: .2em .2em 0 0;
	--deg: -45deg;
	animation-direction: normal
}

.loader .face:nth-child(2) {
	width: 70%;
	height: 70%;
	color: lime;
	border-color: currentColor currentColor transparent transparent;
	border-width: .2em 0 0 .2em;
	--deg: -135deg;
	animation-direction: reverse
}

.loader .face .circle {
	position: absolute;
	width: 50%;
	height: .1em;
	top: 50%;
	left: 50%;
	background-color: transparent;
	transform: rotate(var(--deg));
	transform-origin: left
}

.loader .face .circle::before {
	position: absolute;
	top: -0.5em;
	right: -0.5em;
	content: '';
	width: 1em;
	height: 1em;
	background-color: currentColor;
	border-radius: 50%;
	box-shadow: 0 0 2em, 0 0 4em, 0 0 6em, 0 0 8em, 0 0 10em, 0 0 0 .5em rgba(255, 255, 0, 0.1)
}

@keyframes animate {
	to {
		transform: rotate(1turn)
	}
}


/*表格*/

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #ffffff;
}

.bootstrap-table .table thead>tr>th {
	background: #f5f5f5;
}

.fixed-table-body {
	overflow: visible;
}

.fixed-table-container thead th,
.fixed-table-container tbody td {
	border-left: none;
}

.fixed-table-toolbar {
	min-height: 10px;
}

/*指定动画时间0.3s*/

.transition {
	transition: .3s all;
}

.slide {
	transform: translateY(-100%);
}

.slide.in {
	transform: translateY(0);
}

.scale {
	transform: scale(0);
}

.scale-y {
	transform: scale(1, 0);
}

.scale-x {
	transform: scale(0, 1);
}

.scale.in,
.scale-x.in,
.scale-y.in {
	transform: scale(1, 1);
}

/*表单验证*/
.has-feedback .form-control-feedback {
	display: none;
}

.has-feedback label.label-control~.form-control-feedback {
	top: 0px;
}

.has-feedback.has-success .glyphicon-ok {
	display: block;
}

.has-feedback.has-error .glyphicon-remove {
	display: block;
}
